<template>
    <div class="all">
        <h3 class="margin-top">{{title}} <a class="more">更多</a></h3>
        <div class="overflowHidden">
            <classMudel :dataLoad="freeData" ></classMudel>
        </div>
    </div>
</template>

<script>
    import classMudel from "./classMudel";
    export default {
        name: "freeClass",
        components:{
            classMudel
        },
        props :{
            title:String,
            freeData:Object
        },
        created() {
            // console.log(this.freeData)
        }
    }
</script>

<style scoped lang="less">
    .all {
        width: 1200px;
        margin: auto;
        margin-bottom: 30px;
    }
    .margin-top {
        margin-top: 50px;
    }
    .overflowHidden {
        overflow: hidden;
    }

    h3 {
        padding: 30px 0px 20px;
        border-bottom: 2px solid #e7e7e7;
        text-align: center;
        .more {
            float: right;
            color: #8b8b8b;
            font-weight: 400;
            font-size: 14px;
        }
    }
</style>